<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../js/layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="../css/ny.css">
    <link rel="stylesheet" href="../css/add_ny.css">
    <link rel="stylesheet" href="../css/buildingManagement_ny.css">

</head>

<body>
    <header class="displayFlex_left">
        <div class="header_left"></div>
        <div class="header_right">房屋管理</div>
    </header>
    <main>
        <div class="contener">
            <div class="main_top displayFlex_left">
                <div class="main_top_input">
                    <input type="text" placeholder="请输入房屋编号/名称" id = "HouseNumber">
                </div>
                <div class="main_top_select">
                    所属个体：<select name="显示状态" id="">
                        <option value="全部">全部</option>
                        <option value="显示">显示</option>
                        <option value="未显示">未显示</option>
                    </select>
                </div>
                <div class="main_top_select">
                    所属区域：<select name="显示状态" id="">
                        <option value="全部">全部</option>
                        <option value="显示">显示</option>
                        <option value="未显示">未显示</option>
                    </select>
                </div>
                <div class="main_top_select">
                    房屋状态：<select name="显示状态" id="">
                        <option value="全部">全部</option>
                        <option value="">空置</option>
                        <option value="">已出租</option>
                        <option value="">已出售</option>
                        <option value="">选址审核中</option>
                        <option value="">签约审核中</option>
                        <option value="">待签约</option>
                        <option value="">自用</option>
                    </select>
                </div>

            </div>
            <div class="main_top displayFlex_left">
                <div class="main_top_select">
                    房屋类型：<select name="显示状态" id="">
                        <option value="全部">全部</option>
                        <option value="显示">研发中试楼</option>
                        <option value="未显示">企业总部楼</option>
                        <option value="未显示">研发办公楼</option>
                        <option value="未显示">数字经济楼</option>
                        <option value="未显示">国际展览中心</option>
                        <option value="未显示">房间</option>
                        <option value="未显示">工位</option>
                    </select>
                </div>
                <div class="main_top_select">
                    租售类型：<select name="显示状态" id="">
                        <option value="全部">全部</option>
                        <option value="显示">出租</option>
                        <option value="未显示">出售</option>
                        <option value="未显示">可租可售</option>
                    </select>
                </div>
                <div class="btnBig " id="inquire">
                    <span class="glyphicon glyphicon-search"></span> 查询
                </div>
                <div class="btnBig bgCRreen" id = 'btnReset'>
                    <span class="glyphicon glyphicon-refresh"></span> 重置
                </div>
                <div class="btnBig main_top_btn_right bgCBlue" id = "btnAdd">
                    <span class="glyphicon glyphicon-plus"></span> 添加
                </div>
                
            </div>
            <div class="main_contener">
                <table>
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>房屋编号</th>
                            <th>主体</th>
                            <th>所属区域</th>
                            <th>房屋名称</th>
                            <th>房屋类型</th>
                            <th>房屋状态</th>
                            <th>租售类型</th>
                            <th>面积（m<sup>2</sup>）</th>
                            <th>备注</th>
                            <th>操作</th>

                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>1</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>
                                <div class="displayFlex_left ">
                                    <div class="btnSmall bgCRreen">详情</div>
                                    <div class="btnSmall">编辑</div>
                                    <div class="btnSmall bgCRed">删除</div>
                                </div>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
            <div class="displayFlex_left main_bottom">
                <div>
                    共<span id="spanSerialNumber"></span>条&nbsp;
                </div>
                <div class="btn-group" role="group" aria-label="...">
                    <button type="button" class="btn btn-default" id="lastpage">上一页</button>
                    <button type="button" class="btn btn-default" id="nextpage">下一页</button>
                </div>
                
                <div>
                    到第
                    <input type="text" class="bottom_input" value="1" id="inputPage">
                    页
                </div>
            </div>
        </div>
    </main>
    <!-- 房屋详情 -->
    <div class="housingDetails layer_notice">
        <div class="displayFlex_left housingDetails_top">
            <div>房屋信息</div>
            <div class="glyphicon glyphicon-remove "></div>
        </div>
        <div class="housingDetails_contener">
            <div class="displayFlex_left contener_inf">
                <div>房屋编号：</div>
                <div>所属主体：</div>
                <div>所属区域：</div>
                <div>房屋名称：</div>
                
            </div>
            <div class="displayFlex_left contener_inf">
                <div>房屋类型：</div>
                <div>租售类型：</div>
                <div>房屋状态：</div>
                <div>面积：</div>
            </div>
            <div>备注信息：</div> 
        </div>
    </div>
    <!-- 添加 -->
    <div class="popup" id="popup">
        <header class="displayFlex_left">
            <div class="header_left"></div>
            <div class="header_right">添加</div>
            <div class=" btnBig header_btn">返回</div>
        </header>
        <div class="popup_main">
            <div class="displayFlex_left">
                <div class="">
                    <span>*</span>选择主体：<select name="" id="mainBodyChoice"> 
                        <option value="全部">全部</option>
                        <option value="原生广场">原生广场</option>
                        <option value="民生广场">民生广场</option>
                    </select>
                </div>
                <div class="">
                    <span>*</span>选择区域：<select name="" id="zoneOfPreference">
                        <option value="全部">全部</option>
                        <option value="A区">A区</option>
                        <option value="B区">B区</option>
                    </select>
                </div>
                <div class="">
                    <span>*</span>房屋编号：<input type="text" value="" id="houseNumber">
                </div>
            </div>
            <div class="displayFlex_left">
                <div class="">
                    <span>*</span>房屋名称：<input type="text" value="" id="HouseName">
                </div>
                <div class="">
                    <span>*</span>房屋类型：<select name="显示状态" id="HousingType">
                        <option value="全部">全部</option>
                        <option value="研发中试楼">研发中试楼</option>
                        <option value="企业总部楼">企业总部楼</option>
                        <option value="研发办公楼">研发办公楼</option>
                        <option value="数字经济楼">数字经济楼</option>
                        <option value="国际展览中心">国际展览中心</option>
                        <option value="房间">房间</option>
                        <option value="工位">工位</option>
                    </select>
                </div>
                <div class="">
                    <span>*</span>房屋状态：<select name="显示状态" id="BuildingCondition">
                        <option value="全部">全部</option>
                        <option value="空置">空置</option>
                        <option value="已出租">已出租</option>
                        <option value="已出售">已出售</option>
                        <option value="选址审核中">选址审核中</option>
                        <option value="签约审核中">签约审核中</option>
                        <option value="待签约">待签约</option>
                        <option value="自用">自用</option>
                    </select>
                </div>
                
            </div>
            <div class="displayFlex_left">
                
                <div class="">
                    <span>*</span>租售类型：<select name="" id="TypeOfLeaseAndSale">
                        <option value="全部">全部</option>
                        <option value="出租">出租</option>
                        <option value="出售">出售</option>
                        <option value="可租可售">可租可售</option>
                    </select>
                </div>
                <div class="">
                    面积（m<sup>2</sup>）：<input type="text" placeholder="请输入面积" id="area">
                </div>
               
                
            </div>
            <div class="">
               备注信息：<input type="text" id="postscript">
            </div>
            <div class="displayFlex_left">
                <div id="BtnSubmit" class="submitBtn">确定 </div>
            </div>
        </div>
    </div>
    <!-- 编辑 -->
    <div class="popup" id="popup2">
        <header class="displayFlex_left">
            <div class="header_left"></div>
            <div class="header_right">添加</div>
            <div class=" btnBig header_btn">返回</div>
        </header>
        <div class="popup_main">
            <div class="displayFlex_left">
                <div class="">
                    <span>*</span>选择主体：<select name="" id="mainBodyChoice2"> 
                        <option value="全部">全部</option>
                        <option value="原生广场">原生广场</option>
                        <option value="民生广场">民生广场</option>
                    </select>
                </div>
                <div class="">
                    <span>*</span>选择区域：<select name="" id="zoneOfPreference2">
                        <option value="全部">全部</option>
                        <option value="A区">A区</option>
                        <option value="B区">B区</option>
                    </select>
                </div>
                <div class="">
                    <span>*</span>房屋编号：<input type="text" value="" id="houseNumber2">
                </div>
            </div>
            <div class="displayFlex_left">
                <div class="">
                    <span>*</span>房屋名称：<input type="text" value="" id="HouseName2">
                </div>
                <div class="">
                    <span>*</span>房屋类型：<select name="显示状态" id="HousingType2">
                        <option value="全部">全部</option>
                        <option value="研发中试楼">研发中试楼</option>
                        <option value="企业总部楼">企业总部楼</option>
                        <option value="研发办公楼">研发办公楼</option>
                        <option value="数字经济楼">数字经济楼</option>
                        <option value="国际展览中心">国际展览中心</option>
                        <option value="房间">房间</option>
                        <option value="工位">工位</option>
                    </select>
                </div>
                <div class="">
                    <span>*</span>房屋状态：<select name="显示状态" id="BuildingCondition2">
                        <option value="全部">全部</option>
                            <option value="空置">空置</option>
                            <option value="已出租">已出租</option>
                            <option value="已出售">已出售</option>
                            <option value="选址审核中">选址审核中</option>
                            <option value="签约审核中">签约审核中</option>
                            <option value="待签约">待签约</option>
                            <option value="自用">自用</option>
                    </select>
                </div>
                
            </div>
            <div class="displayFlex_left">
                
                <div class="">
                    <span>*</span>租售类型：<select name="显示状态" id="TypeOfLeaseAndSale2">
                        <option value="全部">全部</option>
                        <option value="出租">出租</option>
                        <option value="出售">出售</option>
                        <option value="可租可售">可租可售</option>
                    </select>
                </div>
                <div class="">
                    面积（m<sup>2</sup>）：<input type="text" placeholder="请输入面积" id="area2">
                </div>
               
                
            </div>
            <div class="">
               备注信息：<input type="text" id="postscript2">
            </div>
            <div class="displayFlex_left">
                <div id="BtnSubmit2" class="submitBtn">确定</div>
            </div>
        </div>
    </div>

    <script src="../js/JQ/jquery.js"></script>
    <script src="../js/layui-v2.6.8/layui/layui.js"></script>
    <script src="../js/layer-v3.5.1/layer/layer.js"></script>
    <script src="../js/data/database.js"></script>
    <script src="../js/ny_js/buildingManagement_ny.js"></script>
    <script>
       
    </script>

</body>

</html>